
ul,li{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none
}
.page-bar{
	position: relative;
	height: 40px;
    margin:20px auto;
}
.page-bar ul{
	overflow: hidden;
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.page-bar ul li{
	float: left;
}

.page-bar a{
    position: relative;
	display: block;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
	border: 1px solid #ddd;
    color: #666;
	text-decoration: none;
    cursor: pointer
}
.page-bar a:hover{
    background-color: #eee;
}
.page-bar a.banclick{
    cursor:not-allowed;
}
.page-bar li:first-child>a {
   margin-left: 0px
}
.page-bar .active a{
    background-color: #337ab7;
    border-color: #337ab7;
	color: #fff;
	cursor: default;
}
.page-bar i{
    margin: 0px 4px;
    font-size: 12px;
	font-style:normal;
	color: #d44950;
}